$(function() {
    let _showTop = $('.JS-show-right-bar').offset().top;
    $(window).scroll(function() {
        var _value = $('body,html').scrollTop();
        if (_value >= _showTop) {
            $('.right-fixed-menu').show()
        } else {
            $('.right-fixed-menu').hide()
        }
    })
    $('.right-fixed-menu li').hover(function() {
        // over
        let _src1 = $(this).children('img').attr('src')
        let _src2 = $(this).children('img').attr('data-src')
        $(this).children('img').attr('src', _src2)
        $(this).children('img').attr('data-src', _src1)
        $(this).children('.js-tc').fadeIn();
    }, function() {
        // out
        let _src1 = $(this).children('img').attr('src')
        let _src2 = $(this).children('img').attr('data-src')
        $(this).children('img').attr('src', _src2)
        $(this).children('img').attr('data-src', _src1)
        $(this).children('.js-tc').fadeOut();
    });
    $('.close').click(function() {
            $(this).parents('.js-tc').fadeOut();
            $(this).parents('.js-tc').parent('li').removeClass('on');
            $('.right-fixed-menu>ul>li .kgTime ul li.table').show()
            $('#r-success').css('display','none')
            $('#r-fault').css('display','none')
        })
        // $('.right-fixed-menu li').children('img').hover(function() {
        //     $('.right-fixed-menu li').children('.js-tc').fadeOut();
        //     $('.right-fixed-menu li').removeClass('on')

    //         $(this).parent('li').addClass('on')
    //         $(this).parent('li').children('.js-tc').fadeIn();


    // })
    $('.js-gotop').click(function() {
        $("html,body").animate({
                scrollTop: "0px"
            },
            666
        )
    })
    $('.JS-reset-btn').click(function() {
        $('.js-name').val('');
        $('.js-post-code').val('');
        $('.js-tel').val('');
        $('.js-phone').val('');
        $('.js-email').val('');
        $('.js-work').val('');
        $('.js-adress').val('');
        $('.js-option').val('');
        $('.error-msg').hide();
    });
    var emailreg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;

    $('.js-email').focus(function(e) {
        e.preventDefault();
        $(this).siblings('.error-msg').hide()
    });
    $('.js-email').blur(function(e) {
        e.preventDefault();
        var _val = $(this).val()
        if (_val == '') {
            $(this).siblings('.error-msg').text('邮箱不能为空！').show()
        } else if (!emailreg.test(_val)) {
            $(this).siblings('.error-msg').text('邮箱格式不正确，请输入正确的邮箱！').show()
        }
    });
    $('.js-option').focus(function(e) {
        e.preventDefault();
        $(this).siblings('.error-msg').hide()
    });
    $('.js-option').blur(function(e) {
        e.preventDefault();
        var _val = $(this).val()
        if (_val == '') {
            $(this).siblings('.error-msg').text('意见不能为空！').show()
        }
    });
    $('.JS-submit-btn').click(function() {
        var _emailVal = $('.js-email').val();
        var _optVal = $('.js-option').val()
        if (_emailVal == '') {
            $('.js-email').siblings('.error-msg').text('邮箱不能为空！').show()
        } else if (!emailreg.test(_emailVal)) {
            $('.js-email').siblings('.error-msg').text('邮箱格式不正确，请输入正确的邮箱！').show()
        } else if (_optVal == '') {
            $('.js-option').siblings('.error-msg').text('意见不能为空！').show()
        } else {
            $('.error-msg').hide()
            var _formData = {
                "username": $('.js-name').val(),
                "email": $('.js-email').val(),
                "telephone": $('.js-tel').val(),
                "mobilePhone": $('.js-phone').val(),
                "workUnit": $('.js-work').val(),
                "mailingAddress": $('.js-adress').val(),
                "feedback": $('.js-option').val(),
                "postalCode": $('.js-post-code').val(),
            }
            var _data = {
                'data': $.base64.encode(JSON.stringify(_formData), 'UTF-8')
            }
            $.ajax({
                type: "POST",
                url: yjBaseUrl + "/logs-api/feedback/nlc_feedback",
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                data: JSON.stringify(_data),
                success: function(response) {
                    if (response.code == "200") {
                        $('.js-name').val('');
                        $('.js-post-code').val('');
                        $('.js-tel').val('');
                        $('.js-phone').val('');
                        $('.js-email').val('');
                        $('.js-work').val('');
                        $('.js-adress').val('');
                        $('.js-option').val('');
                        // $(".JS-submit-btn-box")
                        //     .siblings(".error-msg")
                        //     .text("读者您好，您的宝贵意见和建议已收到。国家图书馆将不断提升服务能力与服务水平，感谢您的支持。")
                        //     .show();
                        $('.right-fixed-menu>ul>li .kgTime ul li.table').hide()
                        $('#r-fault').css('display','none')
                        $('#r-success').css('display','flex')
                        
                    } else {
                        $('.right-fixed-menu>ul>li .kgTime ul li.table').hide()
                        $('#r-success').css('display','none')
                        $('#r-fault').css('display','flex')
                        
                            // $(".JS-submit-btn-box")
                            //     .siblings(".error-msg")
                            //     .text("提交失败！")
                            //     .show();
                    }
                }
            })
        }
    })
})